<!DOCTYPE html>
<html lang="zh-CN">
	<head>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	    <title>选择收汇方式与报关方式</title>
	
	    <!-- Bootstrap -->
	    <link href="css/bootstrap.min.css" rel="stylesheet">
	    <link href="css/bootstrapValidator.min.css" rel="stylesheet" />
	    <style>
		    .login-form-box {
		    	margin-top: 15px;
		    }
	    	.form-group p{
	    		font-size: 12px;
	    		color: #ACB5BF;
	    	}
	    </style>
	
	    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	    <!--[if lt IE 9]>
	      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>
	    
	    <div id="header"></div>
	    
	    <div class="container login-form-box">	
		    
	    	<!--面板/登录账号-->
    		<div class="panel panel-default">
    			<div class="panel-heading">
				    <h3 class="panel-title">选择收汇方式与报关方式</h3>
				</div>	
				<div class="panel-body row">
					
					<form class="col-xs-6 col-xs-push-3" method="post" name="" action="">
						<!--收汇方式-->
					    <div class="form-group">
					        <label>*收汇方式：</label>
					        <label class="radio-inline">
							    <input type="radio" name="remittanceWay" id="inlineRadio1" value="option1"> 汇款（如T/T）
							</label>
							<label class="radio-inline">
							    <input type="radio" name="remittanceWay" id="inlineRadio2" value="option2"> 托收（D/P,D/A）
							</label>
							<label class="radio-inline">
							    <input type="radio" name="remittanceWay" id="inlineRadio3" value="option3"> 信用证（L/C）
							</label>
							<label class="radio-inline">
							    <input type="radio" name="remittanceWay" id="inlineRadio4" value="option4"> 赊销（OA）
							</label>
					    </div>
					    <!--报关口岸-->
					    <div class="form-group">
					        <label>*报关口岸：</label>
					        <select class="form-control">
							    <option>天津关区-东疆港区（0217）</option>
							</select>
					    </div>
					    <!--报关口岸-->
					    <div class="form-group">
					        <label>*报关方式：</label>
					        <select class="form-control">
							    <option>由中物网负责报关</option>
							    <option>由客户自行报关</option>
							</select>
							<p>中物网负责报关（中物网为您出具报关资料且帮您报关。）；客户自行报关（中物网为您出具报关资料，您
								自行选择报关行或者由拍档帮您报关，报关资料在订单状态为待报关状态后可自助下载。）
							</p>
					    </div>
					    <!--收汇方式-->
					    <div class="form-group">
					        <label>*选择报关行：</label>
					        <div class="radio">
							    <label>
								    <input type="radio" name="optionsRadios1" id="optionsRadios1" value="option1">
								          天津市全运通物流有限责任公司
							    </label>
							</div>
							<div class="radio">
							    <label>
								    <input type="radio" name="optionsRadios2" id="optionsRadios2" value="option2">
								          天津市天船报关行有限责任公司
							    </label>
							</div>
					    </div>
					    <!--收汇方式-->
					    <div class="form-group">
					        <label>*装柜方式：</label>
					        <label class="radio-inline">
							    <input type="radio" name="inlineRadioOptions" id="inlineRadio01" value="option1"> 整柜
							</label>
							<label class="radio-inline">
							    <input type="radio" name="inlineRadioOptions" id="inlineRadio02" value="option2"> 拼柜
							</label>
							<label class="radio-inline">
							    <input type="radio" name="inlineRadioOptions" id="inlineRadio02" value="option3"> 散货
							</label>
					    </div>
					    <!--收汇方式-->
					    <div class="form-group">
					        <label>*本单联系人：</label>
							<div class="radio">
							    <label>
								    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
								         朱慧   <a href="">编辑</a> | <a href="">编辑</a>
							    </label>
							</div>
							<div class="radio">
							    <label>
								    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
								    Lina   <a href="">编辑</a> | <a href="">编辑</a>
							    </label>
							</div>
							<div class="radio">
							    <label>
								    <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3">
								          谢波   <a href="">编辑</a> | <a href="">编辑</a>
							    </label>
							</div>
							<a href=""> + 添加联系人</a>   
							<a href="">显示全部</a>
					    </div>
					    
					    <!--下一步-->
                        <!--<button type="submit" class="btn btn-primary sub-btn">下一步</button>-->
                        <a href="goodsDeclaration.html" class="btn btn-primary sub-btn">下一步</a>
					</form>
					
    		    </div>
					
			</div>
	    	
	    </div>
	    
	    <!--
        	作者：offline
        	时间：2017-09-06
        	描述：footer
        -->
	    <div id="footer"></div>
	    
	    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	    <script src="js/vendor/jquery-2.2.4.min.js"></script>
	    <!-- Include all compiled plugins (below), or include individual files as needed -->
	    <!--<script src="js/vendor/bootstrap.min.js"></script>-->
	    <!--bootstrap验证-->
	    <!--<script src="js/vendor/BootstrapValidator.min.js"></script>-->
	    <script>
	    	$('#header').load('header.html',function(){
	    		
	    		$('.nav li').eq(2).addClass('active').siblings().removeClass('active');
	    		
	    	});
	    	$('#footer').load('footer.html');
	    </script>
	</body>
</html>
